<template>
	<u-popup :show="show" mode="center" bgColor="transparent" overlayOpacity="0.8" @close="close" @open="open">
		<view class="showCard">
			<u-tag class="title" text="认养特权" size="mini" plain type="warning" icon="checkmark-circle-fill"
				shape="circle" borderColor="#e6ca8c"></u-tag>
			<u-image src="" height="760rpx" radius="20rpx" style="margin: 40rpx 0 30rpx 0;"></u-image>
			<u-row justify="space-around">
				<u-col span="5">
					<u-button color="#e6ca8c" shape="circle" text="保存相册" @click="download"></u-button>
				</u-col>
				<u-col span="5">
					<u-button color="#ff5760" shape="circle" text="立即分享" @click="share"></u-button>
				</u-col>
			</u-row>
		</view>
	</u-popup>
</template>

<script setup>
	import {
		ref,
		defineEmits,
		watch
	} from 'vue';
	const show = ref(false)
	const props = defineProps({
		shareShow: Boolean,
	})
	watch(
		() => props,
		(val) => {
			show.value = val.shareShow
		}, {
			deep: true,
			immediate: true,

		}
	)
	const emit = defineEmits(["shareCard"])
	const close = () => {
		emit('shareCard')
		console.log("close---");
	}
	const open = () => {
		console.log("open---");
	}
	const download = ()=>{
		console.log("保存到相册===");
	}
	const share = ()=>{
		console.log("分享到好友===");
	}
</script>

<style scoped lang="scss">
	.showCard {
		padding: 20rpx;
	}
</style>